﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="shortcut icon" href="../../assets/ico/favicon.png"> -->
    <title>ByHand Frontend</title>
    <!-- Bootstrap core CSS -->
    <link href="/Content/css/bootstrap.min.css" rel="stylesheet">
    @*<link href="~/Content/css/bootstrap.min_v2.css" rel="stylesheet"/>*@
    <link href="/Content/css/bootstrap-glyphicons.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="/Content/css/main.css" rel="stylesheet">
    <!-- 
		Color
		normal color: #E6C2AA
		middile color: #97261E
	-->

</head>
<body>

    <script src="/Content/js/jquery.min.js"></script>
    <script>
        window.fbAsyncInit = function () {
            FB.init({
                appId: '579779712065473', // App ID
                channelUrl: '//' + window.location.hostname + '/channel.html', // Channel File
                status: true, // check login status
                cookie: true, // enable cookies to allow the server to access the session
                xfbml: true  // parse XFBML
            });

            // Here we subscribe to the auth.authResponseChange JavaScript event. This event is fired
            // for any authentication related change, such as login, logout or session refresh. This means that
            // whenever someone who was previously logged out tries to log in again, the correct case below
            // will be handled.
            FB.Event.subscribe('auth.authResponseChange', function (response) {
                // Here we specify what we do with the response anytime this event occurs.
                if (response.status === 'connected') {
                    if (response.status == "connected" && localStorage['autologin'] == 'true' && $('#loaded').length == 0) {
                        $('#fbID').val(response.authResponse.userID);
                        FB.api('/me', function (resp) {
                            $('#fbname').val(resp.name);
                            $('#fbemail').val(resp.email);
                            $.ajax({
                                type: "POST",
                                url: '@Url.Action("SignUpFB", "Home")',
                                data: $('#form-loginFB').serialize(), // serializes the form's elements.
                                success: function (d) {
                                    localStorage['autologin'] = true;
                                    window.location = window.location;
                                },
                            });
                        });
                    }
                    // }
                } else if (response.status === 'not_authorized') {
                    // In this case, the person is logged into Facebook, but not into the app, so we call
                    // FB.login() to prompt them to do so.
                    // In real-life usage, you wouldn't want to immediately prompt someone to login
                    // like this, for two reasons:
                    // (1) JavaScript created popup windows are blocked by most browsers unless they
                    // result from direct interaction from people using the app (such as a mouse click)
                    // (2) it is a bad experience to be continually prompted to login upon page load.
                } else {
                    // In this case, the person is not logged into Facebook, so we call the login()
                    // function to prompt them to do so. Note that at this stage there is no indication
                    // of whether they are logged into the app. If they aren't then they'll see the Login
                    // dialog right after they log in to Facebook.
                    // The same caveats as above apply to the FB.login() call here.
                }
            });
        };
        // Load the SDK's source Asynchronously
        // Note that the debug version is being actively developed and might
        // contain some type checks that are overly strict.
        // Please report such bugs using the bugs tool.
        (function (d) {
            var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "//connect.facebook.net/en_US/all.js";
            ref.parentNode.insertBefore(js, ref);
        }(document));
    </script>
    <div id="fb-root">
    </div>
    @using (Html.BeginForm("LoginFB", "Home", FormMethod.Post, new { id="form-loginFB" }))
    {
        <input type="hidden" name="fbID" id="fbID" value=""/>
        <input type="hidden" name="fbname" id="fbname"value="" />
        <input type="hidden" name="fbemail" id="fbemail" value=""/>
    }
    @*<script src="~/Content/js/bootstrap.min-v2.js"></script>*@
    @RenderBody()
    <script src="/Content/js/bootstrap.min.js"></script>
    <script src="~/Content/js/byhandmain.js" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/js/jquery.form.js")"></script>
    <script type="text/javascript">
        $('#logout').click(function (e) {
            localStorage['autologin'] = false;
            window.location = '@Url.Action("LogOut", "Home")';
        });
    </script>
</body>
</html>